<script setup>
import {ref} from "vue"
import myShowDM from "../../../../components/myShowDM.vue"

const num1 = ref(0)

const changNumBtn1 = (params) => {
    // console.log(params.params1)
    num1.value = params.params1
}
</script>

<template>
    <div>
        <div>
            <div class="message1">
                <myShowDM
                type="wx_xcx"
                    :num="num1"
                    xcxName="我的小程序案例 - 分享"
                    @changNum="changNumBtn1"
                >
                    <template v-slot:slot1>
                        <div v-if="num1 == 0">
                        html
                        </div>
                        <div v-if="num1 == 1">
                        css
                        </div>
                        <div v-if="num1 == 2">
                        js
                        </div>
                    </template>
                </myShowDM>
            </div>
        </div>
    </div>
</template>

<style scoped>
.message1{
    position: relative;
    left: 4%;
    top: 2%;
    width: 950px;
    height: 500px;
    background-color: black;
    border-radius: 10px;
}
</style>